import First from '@/components/First.vue'
console.log(First,1111);
// import Second from '@/components/Second.vue'

// Vue.use(function(Vue){
//   Vue.component('First',First)
// })

// export default {
//   install(Vue){
//     Vue.component('First',First)
//   }
// }

export default function (Vue){
  // Vue.component('First',First)
  // Vue.component('Second',Second)

  //  使用的是webpack require.context(路径【表示公共的组件的目录】,文件深入循环查找【bool】,正则【最终要使用的组件】 )
// const requireComponent = require.context('./', true, /\.vue$/)
// console.log(requireComponent.keys(), 3344222)
// requireComponent.keys().forEach((item) => {
//   // console.log(requireComponent[item], 77)  //  ['./bread.vue', './pubArt.vue', './qq/q.vue']
//   /* 获取的是 每一个组件暴露出来的对象 */
//   const defaultObj = requireComponent(item).default
//   Vue.component(defaultObj.name, defaultObj)
// })
// }

/* 源码讲解  批量注册组件 */
// const requireComponent = require.context
// require.context(文件目录【components】,深度查找[Bool],正则.vue$)
// console.dir(require.context,888);
  const requireComponent =require.context('./',true,/.vue$/)
  // console.dir(requireComponent.keys()  ,9998);
  requireComponent.keys().forEach(item=>{
    // console.log(item,9999);//获取的组建的路径
  //  console.log( requireComponent(item).default,2222);
  var defaultObj=requireComponent(item).default
  Vue.component(defaultObj.name,defaultObj)
  })
}




